<!DOCTYPE html>
<!-- saved from url=(0031)https://www.crd.cn/account/reg/ -->
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<title>用户注册 - CRD克徕帝珠宝官网</title>
		<meta name="keywords">
		<meta name="description">
		<link href="../css/base.css" rel="stylesheet">
		<link href="../css/main.css" rel="stylesheet">
		<link href="../css/iconfont.css" rel="stylesheet">
		<link href="../css/layer.css" rel="stylesheet">
		<link rel="stylesheet" href="../css/footer.css">
	</head>
	<body>
		<!-- 内容开始 -->
		<div class=" appointment">
		<div class="main">
			<div class="breadcrumb">
				<a href="#1">首页</a><span>/</span>
			</div>
			<div class="logcon">
				<div class="leftcon">
					<img src="../img/login_banner.jpg">
				</div>

				<div class="rightcon">
					<dl>
						<dd>
							<form>
								<dl>
									<dd>
										<input class="login-i" type="text" id="txtphone" placeholder="请输入手机号码"></dd>
									<dd>
										<input class="login-i" type="password" id="password1" placeholder="请输入密码"></dd>
									<dd>
										<input class="login-i" type="password" id="password2" placeholder="确认密码"></dd>

									<dd class="login-f"><a href="Login.html">已有帐号，登录</a></dd>
									<dd>
										<input class="login-b r2" type="button" id="btnReg" value="注册帐号" onclick="Member.Register(&#39;&#39;)"></dd>
								</dl>
							</form>
						</dd>

						<dd class="login-else">您也可以用以下方式登录</dd>

						<dd>
							<ul>
								<li><a href="#1">
										<img src="../img/login_qq.png"></a></li>
								<li><a href="#1">
										<img src="../img/login_weibo.png"></a></li>
								<li><a href="#1">
										<img src="../img/login_alipay.png"></a></li>
							</ul>
						</dd>
					</dl>
				</div>
			</div>
		</div>
		</div>
		<!-- 内容结束 -->
		<link rel="stylesheet" href="../css/ShopCart/iconfont(1).css">
		<style type="text/css">
			.footer-group *,
			.suspend * {
				box-sizing: border-box;
			}
		
			body {
				padding: 0;
				margin: 0;
				font-family: Verdana, "Microsoft Yahei";
				font-size: 14px;
				color: #353535;
				overflow-x: hidden;
			}
		
			a {
				color: #353535;
				text-decoration: none;
				outline: none;
			}
		
			.footer-group img {
				vertical-align: top;
				width: 100%;
			}
			ul,
			ol,
			li,
			dl,
			dt,
			dd {
				list-style: none;
				text-indent: 0;
				padding: 0;
				margin: 0;
			}
		
			.fl {
				float: left;
			}
		
			.fr {
				float: right;
			}
		
			/*共用底部开始*/
			.footer-group {
				position: relative;
				padding-top: 32px;
				width: 100%;
				background: #f5f5f5;
			}
		
			.cross-line {
				position: absolute;
				left: 0;
				top: 84px;
				width: 100%;
				height: 1px;
				background: #E6E6E6;
				z-index: 0;
			}
		
			.footer-main {
				width: 100%;
				max-width: 1440px;
				margin: 0 auto;
				display: flex;
				justify-content: space-around;
			}
		
			.footer-main dl {
				width: 225px;
			}
		
			.footer-main dt {
				height: 52px;
				line-height: 52px;
				font-size: 16px;
				font-weight: bold;
				margin-bottom: 10px;
			}
		
			.footer-main dt i {
				display: block;
				width: 22px;
				height: 1px;
				background-color: #666;
				margin: 0;
				position: relative;
				z-index: 10;
			}
		
			.footer-main dd {
				padding: 10px 0;
			}
		
			.qrcode-group dd {
				position: relative;
			}
		
			.code-box {
				position: absolute;
				top: 0;
				left: 56px;
				width: 100px;
				height: 100px;
				border: 1px solid #D2D2D2;
			}
		
			.code-box>div {
				position: relative;
			}
		
			.code-box .sanjiao {
				position: absolute;
				top: 10px;
				left: -5px;
				z-index: 0;
				width: 12px;
				height: 12px;
				border: 1px solid #D2D2D2;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
				background: #FFF;
			}
		
			.code-box img {
				position: relative;
				z-index: 10;
			}
		
			.tel-item {
				flex-shrink: 0;
			}
		
			.footer-main dd>a {
				position: relative;
				display: inline-block;
				overflow: hidden;
				color: #666;
			}
		
			.line {
				width: 100%;
				height: 1px;
				background-color: #CD924F;
				position: absolute;
				left: -100%;
				bottom: 0;
				-webkit-transition: left 200ms;
				-moz-transition: left 200ms;
				-ms-transition: left 200ms;
				-o-transition: left 200ms;
				transition: left 200ms;
			}
		
			.footer-main dd>a:hover .line {
				left: 0;
			}
		
			.tel-item .tel {
				color: #CD924F;
			}
		
			.tel-item span {
				font-size: 25px;
			}
		
			.tel-item .time {
				padding-top: 0;
				text-align: center;
				color: #999;
			}
		
			.tel-item dd a {
				width: 225px;
				height: 42px;
				line-height: 42px;
				text-align: center;
				color: #FFF;
				background-color: #CD924F;
				display: block;
				color: #FFF;
			}
		
			.copyright {
				margin-top: 50px;
				height: 60px;
				line-height: 60px;
				border: 1px solid #E1E1E1;
				background-color: #EFEFEF;
			}
		
			.copyright,
			.copyright a {
				font-size: 14px;
				color: #999;
			}
		
			.copyright>div {
				width: 100%;
				max-width: 1440px;
				margin: 0 auto;
			}
		
			.copyright img {
				width: 36px;
				height: 36px;
				vertical-align: middle;
			}
		
			/*共用底部结束*/
			.suspend {
				position: fixed;
				right: 20px;
				bottom: 20px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				z-index: 9999;
			}
		
			.suspend>a {
				position: relative;
				display: block;
				width: 64px;
				height: 64px;
				margin-bottom: 10px;
				background-color: #CD924F;
				border-radius: 100%;
				text-align: center;
				padding-top: 10px;
				border: 1px solid #CD924F;
				-webkit-transition: all 200ms;
				-moz-transition: all 200ms;
				-ms-transition: all 200ms;
				-o-transition: all 200ms;
				transition: all 200ms;
				color: #f1e6da;
			}
		
			.suspend a:nth-child(1),
			.suspend a:nth-child(2),
			.suspend a:nth-child(3) {
				display: none;
			}
		
			.suspend:hover a {
				display: block;
			}
		
			.suspend>a:hover {
				background: #FFF;
			}
		
			.suspend>a:hover * {
				color: #CD924F;
			}
		
			.suspend i {
				font-size: 21px;
			}
		
			.suspend p {
				font-size: 12px;
				-webkit-transform: scale(.8);
				-moz-transform: scale(.8);
				-ms-transform: scale(.8);
				-o-transform: scale(.8);
				transform: scale(.8);
			}
		
			.abs-tel {
				display: none;
				position: absolute;
				top: 14px;
				right: 70px;
				padding: 0 10px;
				border-radius: 4px;
				background-color: #CD924F;
				white-space: nowrap;
				line-height: 36px;
			}
		
			.abs-tel .sj {
				position: absolute;
				top: 12px;
				right: -3px;
				width: 12px;
				height: 12px;
				background-color: #CD924F;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
			}
		
			.suspend a:hover .abs-tel {
				display: block;
				color: #FFF;
			}
		</style>
		<!--FOOTER START-->
		<div class="footer-group">
			<div class="cross-line"></div>
			<div class="footer-main">
				<dl>
					<dt>客户服务<i></i></dt>
					<dd><a href="#1">编码查询
							<div class="line"></div>
						</a></dd>
					<dd><a href="#1">证书查询
							<div class="line"></div>
						</a></dd>
					<dd><a href="#1">帮助中心
							<div class="line"></div>
						</a></dd>
				</dl>
				<dl>
					<dt>关于公司<i></i></dt>
					<dd><a href="#1">关于克徕帝
							<div class="line"></div>
						</a></dd>
					<dd><a href="#1">珠宝百科
							<div class="line"></div>
						</a></dd>
					<dd><a href="#1">网站索引
							<div class="line"></div>
						</a></dd>
				</dl>
				<dl class="qrcode-group">
					<dt>关注CRD<i></i></dt>
					<dd class="wechat-code">
						<a href="#1">微信<div class="line"></div>
						</a>
						<div class="code-box">
							<div>
								<span class="sanjiao"></span>
								<img src="../img/wechat.jpg" alt="">
							</div>
						</div>
					</dd>
					<dd>
						<a href="#1">微博<div class="line"></div>
						</a>
						<div class="code-box" style="display: none;">
							<div>
								<span class="sanjiao"></span>
								<img src="../img/weibo.jpg" alt="">
							</div>
						</div>
					</dd>
					<dd>
						<a href="#1">小程序<div class="line"></div>
						</a>
						<div class="code-box" style="display: none;">
							<div>
								<span class="sanjiao"></span>
								<img src="../img/applet.jpg" alt="">
							</div>
						</div>
					</dd>
				</dl>
				<dl class="tel-item">
					<dt>在线咨询<i></i></dt>
					<dd class="tel"><span class="crd crd-tel-01"></span></dd>
					<dd class="time">（服务时间 9:00 - 23:30）</dd>
					<dd><a href="#1" class="crd crd-after-right">立即咨询</a></dd>
				</dl>
			</div>
			<div class="copyright">
				<div>
					<div class="fl">CopyRight©2020 www.crd.cn 上海卓美珠宝有限公司 保留所有权</div>
					<div class="fr">
						<a href="#1" target="_blank">
							<img src="../img/copyright_01.jpg" alt="">沪ICP备13003330号-1
						</a>
						<a href="#1" target="_blank">
							<img src="../img/copyright_02.jpg" alt="">电子营业执照
						</a>
					</div>
				</div>
			</div>
		</div>
		<!--FOOTER END-->
		<!-- 悬浮窗开始 -->
		<div class="suspend">
			<a href="javascript:void(0);">
				<i class="crd crd-call"></i>
				<p>电话咨询</p>
				<div class="abs-tel">
					<div class="sj"></div>
					400-108-9909
				</div>
			</a>
			<a href="#1">
				<i class="crd crd-store-yuyue"></i>
				<p>门店预约</p>
			</a>
			<a href="#1">
				<i class="crd crd-diamond-calc"></i>
				<p>钻石报价</p>
			</a>
			<a href="#1">
				<i class="crd crd-kefu2"></i>
				<p>在线顾问</p>
			</a>
		</div>
		<!-- 悬浮窗结束 -->
		</body>
</html>
